<template>
  <!-- yh专属  -->
  <div>
    <div id="logo">
      <h1 class="hogo"><i> STARK INDUSTRIES</i></h1>
    </div>
    <section class="stark-login">
      <form action="" method="">
        <div id="fade-box">
          <input type="text" name="username" id="用户名" placeholder="用户名" required>
          <input type="password" placeholder="密码" required>
          <button>登录</button>
        </div>
      </form>
      <div class="hexagons">
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>

        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
      </div>
    </section>

    <div id="circle1">
      <div id="inner-cirlce1">
        <h2> </h2>
      </div>
    </div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</template>
<script>
/**
 * @fileOverview 模块描述
 * @author 姓名:yh
 * @date 时间（yyyy.MM.dd HH:mm:ss）
 */

import {loginTest} from "../../api/login";

export default {
  components: {},
  data() {
    return {}
  },
  /**
   * 生命周期钩子
   * 创建前（beforeCreate） 创建后（created） 载入前（beforeMount）
   * 载入后（mounted）更新前（beforeUpdate）更新后（updated）
   * 销毁前（beforeDestroy） 销毁后（destroyed)
   */
  methods: {
    login(){
      loginTest().then(res=>{
           alert(JSON.stringify(res))
      })
    }
  },
  mounted(){
    this.login();
  }
}


</script>
